<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>垂直方向对齐属性【文本与图片对齐】</title>
		<!-- 垂直方向对象属性  vertical-align
		 使用方法：1.用于表格中单元格垂直居中
		          2.用于行内元素和行内块元素的垂直居中
				  【文本与图片垂直居中（对齐）效果】
				  对齐分为四种：基线对齐、顶部对齐
				               居中对齐、底部对齐
			      元素种类：块元素、块元素、行内块元素
                 块元素特点：一行内显示、不可设置宽高
				网页：元素之间嵌套生成
				 行元素与块元素可以任意嵌套
				 前提：设置宽高---行套块
				             ---块套块 √
							 ---块套行 √
			     前提： 一行内显示---行套块 √
								 ---块套块 ×
								 ---块套行 
								 ---行套行 √ 
				-->
	</head>
	<body>
		<!-- 需求结构： -->
		<h1>文本与图片垂直属性</h1>
		<p>哪吒<img src="img/哪吒1_爱给网_aigei_com.png" alt="neza" width="100px"
		 height="100px" />基线对齐</p>
		 <p>哪吒<img src="img/哪吒 (1)-png_爱给网_aigei_com.png" alt="neza" width="100px" 
		 height="100px"/>顶部对齐</p>
		 <p></p>
		
	</body>
</html>